<div id="closeIcon">
  <i nz-icon nzType="close" nzTheme="outline" (click)="close()"></i>
  <h3>新增商品</h3>
</div>
<div id="inpuBox">
  <span class="keys"> 商品名称： </span>
  <input nz-input [(ngModel)]="forms.commodity_name" />

  <span class="keys"> 商品单位： </span>
  <input nz-input [(ngModel)]="forms.unit" />

  <span class="keys"> 进价： </span>
  <input
    nz-input
    type="number"
    [(ngModel)]="forms.in_price"
    (ngModelChange)="ngInPriceChange($event)"
    (blur)="onBlur($event, 'in_price')"
  />

  <span class="keys"> 进货数量： </span>

  <input
    type="number"
    nz-input
    [(ngModel)]="forms.in_num"
    (ngModelChange)="ngNumChange($event)"
  />

  <span class="keys"> 进货总价： </span>
  <input type="number" nz-input [(ngModel)]="forms.payment" />

  <span class="keys"> 售价： </span>
  <input
    nz-input
    type="number"
    [(ngModel)]="forms.price"
    (blur)="onBlur($event, 'price')"
  />

  <span class="keys"> 经手人： </span>
  <input nz-input [(ngModel)]="forms.dealer" />
</div>
<button nz-button nzType="primary" id="btn" (click)="add()">
  <i nz-icon nzType="check" nzTheme="outline"></i>
</button>
